<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
	
    <h:head />
    
    <h:body>
	 	<div id="content_current">
	 		<h:form id="form" >
	 		<p:menubar style="text-align: center;">
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-person" value="Antecedentes familiares y hereditarios" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-folder-clipboard" value="Antecedentes pre, trans y pos-natales" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-signal-diag" value="Vacunas" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-circle-plus" value="Enfermedades" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-cart" value="Historia alimentación" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-bookmark" value="Examen físico" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-lightbulb" value="Tratamientos" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-star" value="Evolución" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-battery-1" value="Graficas de crecimiento" oncomplete="PF('carDialog').show()" />
				<p:menuitem process="pacCON" update=":form:carDetail" style="font-size:12px" icon="ui-icon-folder-open" value="Informe médico" oncomplete="PF('carDialog').show()" />
			</p:menubar>
			
	 		<h:panelGroup id="panelListaCons" styleClass="ui-panel-lista-datatable">  
				<p:dataTable id="pacCON" var="bean" value="#{consultaListBean.lista}" 
					rows="15" paginator="true" paginatorTemplate="{CurrentPageReport}   {PreviousPageLink}  {NextPageLink} " paginatorPosition="bottom"
					selection="#{consultaListBean.selectedCon}" selectionMode="single" rowKey="#{bean.idConsulta}"> 
                	<f:facet name="header">
                		<h:outputText value="#{consultaListBean.fechaNacimiento}, #{consultaListBean.nombrePaciente}" />
			        </f:facet>
			        <p:column headerText="Consulta" rendered="false">
			        	<h:outputText value="#{bean.idConsulta}" />
			        </p:column>
			        <p:column headerText="Fecha">
			        	<h:outputText value="#{bean.fechaConsulta}" >
			        		<f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
			        	</h:outputText>
			        </p:column>
        			<p:column headerText="Motivo">
            			<h:outputText value="#{bean.motivoConsulta}" />
        			</p:column>
        			<p:column headerText="Tipo">
			        	<h:outputText value="#{bean.tipoConsulta}" />
			        </p:column>
			        <p:column headerText="Estado">
			        	<h:outputText value="#{bean.estadoConsulta}" />
			        </p:column>
    			</p:dataTable>
    		</h:panelGroup>
    		
    		<p:dialog header="Consulta Paciente" widgetVar="carDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
		        <p:outputPanel id="carDetail" style="text-align:center;">
		            <p:panelGrid  columns="2" rendered="#{not empty consultaListBean.selectedCon}" columnClasses="label,value">
		 
		                <h:outputText value="Id Paciente:" />
		                <h:outputText value="#{consultaListBean.selectedPac.idPaciente}" />
		 
		                <h:outputText value="Tipo" />
		                <h:outputText value="#{consultaListBean.selectedPac.tipoConsulta}" />
		 
		 
		                <h:outputText value="Motivo" />
		                <h:outputText value="#{dtSelectionView.selectedCar.motivoConsulta}" /> 
		            </p:panelGrid>
		        </p:outputPanel>
		    </p:dialog>
			    
			</h:form>
		</div>
    	
    </h:body>

</html>